<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="telephone=no" name="format-detection">
    <meta name="author" content="">
    <meta name="copyright" content="Copyright  版权所有">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>聊天室</title>
    <!--通用引入-->
    <script src="static/js/seeding/jquery-3.1.1.min.js" type="text/javascript"></script>
    <script src="static/js/seeding/globalHead.js" type="text/javascript"></script><!--rem使用js-->
    <link href="static/css/global.css" type="text/css" rel="stylesheet"/>
    <!--页面引入-->
    <link href="static/css/chartRoom.css" type="text/css" rel="stylesheet"/>
    <link href="static/css/swiper.min.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<!--点击放大后的图片-->
<div class="bigChartimg">
    <div class="bigImg">
        <img src="static/images/ban01.jpg"/>
    </div>
</div>
<!--点击放大后的图片/-->

<div id="alert1">
    <div class="chart_con">
        <div class="head">讨论区<a onclick="Show_Hidden(alert1)">取消</a></div>
        <div class="chartList-con" id="chartNews">
            <div class="chartList">
                <div class="chart-list overflow">
                    <div class="chartImg fl"><img src="static/images/defaltFace.jpg"/> </div>
                    <div class="chartCon fl">
                        <div class="top overflow">
                            <div class="topNames fl">
                                <p class="name">雾非雾花非花<em>2017-07-09 18 :09</em></p>
                                <div class="txt">
                                    老师说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发启发说的太好了，收到了很收到了很多启。
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="chart-list overflow">
                    <div class="chartImg fl"><img src="static/images/defaltFace.jpg"/> </div>
                    <div class="chartCon fl">
                        <div class="top overflow">
                            <div class="topNames fl">
                                <p class="name">雾非雾花非花<em>2017-07-09 18 :09</em></p>
                                <div class="txt">
                                    老师说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发启发说的太好了，收到了很收到了很多启。
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="chart-list overflow">
                    <div class="chartImg fl"><img src="static/images/defaltFace.jpg"/> </div>
                    <div class="chartCon fl">
                        <div class="top overflow">
                            <div class="topNames fl">
                                <p class="name">雾非雾花非花<em>2017-07-09 18 :09</em></p>
                                <div class="txt">
                                    老师说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发启发说的太好了，收到了很收到了很多启。
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="chart-list overflow">
                    <div class="chartImg fl"><img src="static/images/defaltFace.jpg"/> </div>
                    <div class="chartCon fl">
                        <div class="top overflow">
                            <div class="topNames fl">
                                <p class="name">雾非雾花非花<em>2017-07-09 18 :09</em></p>
                                <div class="txt">
                                    老师说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发启发说的太好了，收到了很收到了很多启。
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="chart-list overflow">
                    <div class="chartImg fl"><img src="static/images/defaltFace.jpg"/> </div>
                    <div class="chartCon fl">
                        <div class="top overflow">
                            <div class="topNames fl">
                                <p class="name">雾非雾花非花<em>2017-07-09 18 :09</em></p>
                                <div class="txt">
                                    老师说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发说的太好了，收到了很多启发启发说的太好了，收到了很收到了很多启。
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="chart-list overflow">
                    <div class="chartImg fl"><img src="static/images/defaltFace.jpg"/> </div>
                    <div class="chartCon fl">
                        <div class="top overflow">
                            <div class="topNames fl">
                                <p class="name">雾非雾花非花<em>2017-07-09 18 :09</em></p>
                                <div class="txt">
                                   最后最后最后最后最后最后最后最后最后最后最后最后
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><!--chart_con/-->
    <!-- <p class="no">没有更多</p>-->
</div><!--讨论区弹出层/-->
<div class="ask_con">
    <p>正在录音</p>
    <div class="audio">
        <i class="bgIcon bg33"></i>
        <span>23"</span>
    </div>
    <div class="btns">
        <a class="alertDel">取消录音</a>
    </div>
</div><!--取消语音弹出层/-->
<div id="ppt" class="alertDel">
    <div class="ppt-con">
       <!-- <div class="delete" onclick="Show_Hidden(ppt)">取消</div>-->
        <div class="pptImg">
            <ul>
                <li><img src="static/images/ban01.jpg"/></li>
                <li><img src="static/images/ban01.jpg"/></li>
                <li><img src="static/images/ban01.jpg"/></li>
                <li><img src="static/images/ban01.jpg"/></li>
                <li><img src="static/images/ban01.jpg"/></li>
                <li><img src="static/images/ban01.jpg"/></li>
            </ul>
        </div>
        <div class="addpptBtn">
            添加ppt
            <input type="file"/>
        </div>
        <!--<div class="delBtn">
            <div class="del">删除</div>
            <div class="nos">取消</div>
        </div>-->
    </div>
</div><!--添加ppt弹出层/-->
<div id="jia">
    <div class="ppt-con">
        <div class="delete" onclick="Show_Hidden(jia)">取消</div>
        <div class="pptImg">
            <dl>
                <dt><img src="static/images/live01.png"/></dt>
                <dd>相册</dd>
                <input type="file"/>
            </dl>
            <dl onclick="Show_Hidden(ppt)">
                <dt><img src="static/images/live02.png"/></dt>
                <dd>ppt</dd>
            </dl>
           <dl>
               <dt><img src="static/images/live03.png"/></dt>
               <dd>结束直播</dd>
           </dl>
        </div>
    </div>
</div><!--添加ppt弹出层/-->
<div class="main">
    <!--滚动内容开始-->
    <div id="wrapper">
        <div id="scroller">
            <div class="chartTop">怎样投资收益最快怎样投资收益最快样投资收益最快样投资收益最快</div>
            <div id="divmsg" class="msgList">
                <div class="news">
                    <p class="time">04-21 15:00</p>
                    <div class="fl headImg"><img src="static/images/defaltFace.jpg"/></div>
                    <div class="fl sendNews">
                        <p class="newCon">
                            恭喜您已经成功进入直播间！
                            <i class="bgIcon bg14"></i>
                            <i class="bgIcon bg16"></i>
                        </p>
                        <div class="dian"></div>
                    </div>
                </div>
                <div class="news">
                    <p class="time">04-21 15:00</p>
                    <div class="fl headImg"><img src="static/images/defaltFace.jpg"/></div>
                    <div class="fl sendNews">
                        <p class="newCon2">
                            恭喜您已经成功进入直播间！
                            <i class="bgIcon bg26"></i>
                        </p>
                    </div>
                </div>
                <div class="news">
                    <p class="time">04-21 15:00</p>
                    <div class="fl headImg"><img src="static/images/defaltFace.jpg"/></div>
                    <div class="fl sendNews">
                        <div class="audio">
                            <p class="newCon">
                                直播间！
                                <i class="bgIcon bg16"></i>
                            </p>
                            <div class="dian"></div>
                        </div>
                        <div class="audio new">
                            <p class="newCon">
                                <i class="bgIcon bg16"></i>
                                <i class="bgIcon bg15"></i><em>23"</em>
                            </p>
                            <div class="dian"></div>
                        </div>
                    </div>
                </div>
                <div class="news">
                    <p class="time">04-21 15:00</p>
                    <div class="fl headImg"><img src="static/images/defaltFace.jpg"/></div>
                    <div class="fl sendNews">
                        <div class="audio">
                            <p class="newCon">
                                直播间！
                                <i class="bgIcon bg16"></i>
                            </p>
                            <div class="dian"></div>
                        </div>
                        <div class="audio new">
                            <p class="newCon">
                                <i class="bgIcon bg16"></i>
                                <i class="bgIcon bg15"></i><em>23"</em>
                            </p>
                            <div class="dian"></div>
                        </div>
                    </div>
                </div>
                <div class="news">
                    <p class="time">04-21 15:00</p>
                    <div class="fl headImg"><img src="static/images/defaltFace.jpg"/></div>
                    <div class="fl sendNews">
                        <div class="audio">
                            <p class="newCon">
                                直播间！
                                <i class="bgIcon bg16"></i>
                            </p>
                            <div class="dian"></div>
                        </div>
                        <div class="audio new">
                            <p class="newCon">
                                <i class="bgIcon bg16"></i>
                                <i class="bgIcon bg15"></i><em>23"</em>
                            </p>
                            <div class="dian"></div>
                        </div>
                    </div>
                </div>
                <div class="news">
                    <p class="time">04-21 15:00</p>
                    <div class="fl headImg"><img src="static/images/defaltFace.jpg"/></div>
                    <div class="fl sendNews">
                        <div class="audio">
                            <p class="newCon">
                                直播间！
                                <i class="bgIcon bg16"></i>
                            </p>
                            <div class="dian"></div>
                        </div>
                        <div class="audio new">
                            <p class="newCon">
                                <i class="bgIcon bg16"></i>
                                <i class="bgIcon bg15"></i><em>23"</em>
                            </p>
                            <div class="dian"></div>
                        </div>
                    </div>
                </div>
                <div class="news">
                    <p class="time">04-21 15:00</p>
                    <div class="fl headImg"><img src="static/images/defaltFace.jpg"/></div>
                    <div class="fl sendNews">
                        <div class="audio">
                            <p class="newCon">
                                <img src="static/images/ban01.jpg" class="smallImg"/>
                                <i class="bgIcon bg16"></i>
                            </p>
                            <div class="dian"></div>
                        </div>
                    </div>
                </div>
                <div class="news">
                    <p class="time">04-21 15:00</p>
                    <div class="fl headImg"><img src="static/images/defaltFace.jpg"/></div>
                    <div class="fl sendNews">
                        <div class="audio">
                            <p class="newCon">
                                <img src="static/images/ban01.jpg" class="smallImg"/>
                                <i class="bgIcon bg16"></i>
                            </p>
                            <div class="dian"></div>
                        </div>
                    </div>
                </div>
                <div class="news">
                    <p class="time">04-21 15:00</p>
                    <div class="fl headImg"><img src="static/images/defaltFace.jpg"/></div>
                    <div class="fl sendNews">
                        <div class="audio new">
                            <p class="newCon">
                                <i class="bgIcon bg35"></i>
                                <i class="bgIcon bg16"></i>
                                <i class="bgIcon bg15"></i><em>23"</em>
                            </p>
                            <div class="dian"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--滚动内容结束-->

    <!--讲师底部样式-->
    <div class="ui-text">
        <div class="audios">
            <ul class="ul01">
                <li class="audioIcon01" ><i class="bgIcon bg14"></i></li>
                <li><input type="text" class="txtInput dbClick" id="test"/></li>
                <li class="audioIcon03" onclick="Show_Hidden(jia)"><i class="bgIcon bg23"></i></li>
                <li><button class="btn" id="submits">发送</button></li>
            </ul>
            <ul class="ul02 none">
                <li class="audioIcon02"><i class="bgIcon bg34"></i></li>
                <li><button class="sendBtn">点击发送</button></li>
                <li class="audioIcon03"><i class="bgIcon bg23"></i></li>
                <li><button class="btn">发送</button></li>
            </ul>
           <!-- <div class="content">
                <div class="conList">
                    <div class="chartList overflow">
                        <dl>
                            <dt><i class="seedIcon icon27"></i></dt>
                            <dd>相册</dd>
                            <input type="file"/>
                        </dl>
                        <dl onclick="Show_Hidden(ppt)">
                            <dt><i class="seedIcon icon30"></i></dt>
                            <dd>ppt</dd>
                        </dl>
                        <dl>
                            <dt><i class="seedIcon icon30"></i></dt>
                            <dd>结束直播</dd>
                        </dl>
                    </div>
                </div>
            </div>-->
        </div>
    </div>
    <!--用户底部样式-->
    <!--<div class="ui-text">
        <div class="audios">
            <ul>
                <li><input type="text" class="txtInput txtInput2 dbClick" id="test"/></li>
                <li><button class="btn" id="submits">发送</button></li>
            </ul>
        </div>
    </div>-->
   <!-- <div class="textBtn chartsBtn">
        <input type="text"/>
        <div class="askk"><i class="seedIcon icon24"></i><i class="seedIcon icon25"></i>提问</div>
        <button>发送</button>
    </div>-->
</div>
<!--<div class="ui-rnews">
    <div class="send overflow">
        <p class="fr"><img src="src/images/defaltFace.jpg"/> </p>
        <p class="fr txt">哈哈哈</p>
    </div>
    <div class="send overflow">
        <p class="fr"><img src="src/images/defaltFace.jpg"/> </p>
        <p class="fr txt">哈哈哈</p>
    </div>
    <div class="send overflow">
        <p class="fr"><img src="src/images/defaltFace.jpg"/> </p>
        <p class="fr txt">哈哈哈</p>
    </div>
    <div class="send overflow">
        <p class="fr"><img src="src/images/defaltFace.jpg"/> </p>
        <p class="fr txt">[问]：请问如何选择好的投资公司呢？</p>
    </div>
</div>-->
<div class="overflow chartline cl fr" onclick="Show_Hidden(alert1)"><i class="bgIcon bg13"></i></div>
<!--<div class="ui-returnTop">
    <ul>
        <li class="hiddenBtn" style="display: none;">隐藏</li>
        <li class="visibleBtn">幻灯</li>
        <li><i class="seedIcon icon14"></i></li>
        <li class="returnTop"><i class="seedIcon icon15"></i></li>
        <li class="returnDown"><i class="seedIcon icon16"></i></li>
    </ul>
</div>-->
<div class="ui-ppt" style="display:none;">
  <!-- <div class="ppt-con">
       <div class="head">PPT模式使用说明</div>
       <p>-</p>
       <ul>
           <li>1.点击底部[课件]即可课前上传课件</li>
           <li>2.如需上传PPT文件，请先将PPT导出为图片后批量上传，最佳比例为16:9</li>
       </ul>
   </div>-->
    <div class="pptImg">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="static/images/defaltFace.jpg"/></div>
                <div class="swiper-slide"><img src="static/images/li.jpg"/></div>
            </div>
        </div>
    </div>
    <div class="pageNum">1/2</div>
</div>
<!--页面引入-->
<script src="static/js/seeding/chartRoom.js" type="text/javascript"></script>
<script src="static/js/seeding/map.js" type="text/javascript"></script><!--弹出层-->
<script type="text/javascript" src="static/js/seeding/iscroll.js"></script><!--滚动内容-->

<script src="static/js/seeding/swiper.min.js" type="text/javascript"></script>
<script>
    var swiper = new Swiper('.swiper-container');

//控制语音播放暂停按钮
    $(".newCon .bg15").css("display","none");
    $(".newCon .bg35").click(function(){
        $(this).css("display","none");
        $(this).siblings(".bg15").css("display","inline-block");
    })
    $(".newCon .bg15").click(function(){
        $(this).css("display","none");
        $(this).siblings(".bg35").css("display","inline-block");
    })
    //点击图片放大,再点击关闭放大图片
    $(function(){
        $(".bigChartimg").hide();
        $(".smallImg").click(function(){
            $(".bigChartimg").show();
            $(".bigChartimg").on("touchmove",function(e) {
                e.preventDefault();
            })
        })
        $(".bigChartimg").click(function(){
            $(this).hide();
        })
    })
</script>
</body>
</html>
